.middle > div {
    border: 1px solid red;
}

.middle > div > div:nth-child(2) {
    padding: 10px;
    overflow: hidden;
}

.middle > div > div:nth-child(2) > div:nth-child(1) > div {
    text-indent: 2em;
    line-height: 30px;
    margin: 20px 0;
}

/*图片轮播*/
.middle > div > div:nth-child(2) > div:nth-child(2) {
    white-space: nowrap;
    display: flex;
    animation: myfunction 10s linear infinite normal;
}

/*轮播注意
1.不能换行 white-space: nowrap;
2.如果用的div   display: flex;
3.动作：animation
4.编写动作的流程 myfunction
5.注意 animation里面的几个参数  方法名，执行方法所用的时间   动作曲线  次数  速度

*/
@keyframes myfunction {
    0% {
        margin-left: 0;
    }


    33.3% {
        margin-left: -600px;
    }

    62% {
        margin-left: -600px;
    }


    100% {
        margin-left: 0;
    }
}